<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common/reset.css">

    <link rel="stylesheet" href="./css/xiangqing.css">
    <script src="./js/xiangqing.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <div class="box">
            <img src="./img/logo.jpg" alt="">
            <div class="box_cn">legochina.cn</div>
            <div class="box_register">
                <span>欢迎光临</span>
                <a href="../hshop/index.html">乐购</a>
                <span> ，请登陆\</span>
                <a href="#">注册</a>
            </div>
        </div>
    </div>
    <!-- 右侧导航栏 -->
    <div id="nav" class="warp">
        <div class="gouwu">
            <div>
                <div class="car"></div>
                <div class="text1">购物车 3</div>
            </div>
            <div class="text2">我的订单</div>
        </div>
        <div class="box_top cleanfix">
            <div class="top-shuru">
                <input type="text" id="shuru" placeholder="创意文具" value="">
                <div class="fangdajing"></div>
            </div>
        </div>
        <ul class="box_btm">
            <li>图书</li>
            <li>电子书</li>
            <li>原创文学</li>
            <li>服装</li>
            <li>运动户外</li>
            <li>孕婴童</li>
            <li>家居</li>
            <li>创意文具</li>
            <li>地方特产</li>
            <li>海外购</li>
            <li>电器城</li>
        </ul>
    </div>
    <div class="Xqtitle warp">
        <div class="Xqtitle-box">
            <div>图书</div>
            <div>></div>
            <div>小说</div>
            <div>></div>
            <div>情感/家庭/婚姻</div>
            <div>></div>
            <div>博集天卷</div>
            <div>></div>
            <div>他和她</div>
        </div>

    </div>
    <div class="Xq warp cleanfix">

        <div class="bookjieshao">
            <div class="book_p">
                <div class="bigimg ">
                    <img src="./img/book1.jpg" alt="">
                </div>
                <div class="bigimg ">
                    <img src="./img/book2.jpg" alt="">
                </div>
                <div class="bigimg ">
                    <img src="./img/book3.jpg" alt="">
                </div>
                <div class="bigimg ">
                    <img src="./img/book4.jpg" alt="">
                </div>
            </div>
            <div class="duoxuan">
                <div class="pre">&lt</div>
                <div class="titlelist cleanfix">
                    <div class="smallimg  ">
                        <img src="./img/book1.jpg" alt="">
                    </div>
                    <div class="smallimg">
                        <img src="./img/book2.jpg" alt="">
                    </div>
                    <div class="smallimg">
                        <img src="./img/book3.jpg" alt="">
                    </div>
                    <div class="smallimg">
                        <img src="./img/book4.jpg" alt="">
                    </div>
                </div>
                <div class="next">&gt</div>
            </div>
        </div>

    </div>

    <div class="pingjia warp mg20">
        <div class="renqi">
            <div>人气单品</div>
        </div>
        <div class="books cleanfix">
            <div class="baiyexing cleanfix">
                <div class="baiyexingbook">
                    <img src="./img/book6.jpg" alt="">
                </div>
                <div class="bazhe">
                    <img src="./img/limitTime.jpg" alt="">
                </div>
                <div class="xingji cleanfix">
                    <div>推荐</div>
                    <div class="starbox">

                        <div class="star-null"> </div>
                        <div class="star-full"></div>
                    </div>
                </div>
                <div class="moneys">
                    <span class="zhehou">￥: 38</span>
                    <span class="zheqian">￥: 58</span>
                </div>
            </div>
            <div class="baiyexing cleanfix ">
                    <div class="baiyexingbook">
                        <img src="./img/book6.jpg" alt="">
                    </div>
                    <div class="bazhe">
                        <img src="./img/limitTime.jpg" alt="">
                    </div>
                    <div class="xingji cleanfix">
                        <div>推荐</div>
                        <div class="starbox">
    
                            <div class="star-null"> </div>
                            <div class="star-full"></div>
                        </div>
                    </div>
                    <div class="moneys">
                        <span class="zhehou">￥: 38</span>
                        <span class="zheqian">￥: 58</span>
                    </div>
                </div>
                <div class="baiyexing cleanfix ">
                        <div class="baiyexingbook">
                            <img src="./img/book6.jpg" alt="">
                        </div>
                        <div class="bazhe">
                            <img src="./img/limitTime.jpg" alt="">
                        </div>
                        <div class="xingji cleanfix">
                            <div>推荐</div>
                            <div class="starbox">
        
                                <div class="star-null"> </div>
                                <div class="star-full"></div>
                            </div>
                        </div>
                        <div class="moneys">
                            <span class="zhehou">￥: 38</span>
                            <span class="zheqian">￥: 58</span>
                        </div>
                    </div>
                    <div class="baiyexing cleanfix ">
                            <div class="baiyexingbook">
                                <img src="./img/book6.jpg" alt="">
                            </div>
                            <div class="bazhe">
                                <img src="./img/limitTime.jpg" alt="">
                            </div>
                            <div class="xingji cleanfix">
                                <div>推荐</div>
                                <div class="starbox">
            
                                    <div class="star-null"> </div>
                                    <div class="star-full"></div>
                                </div>
                            </div>
                            <div class="moneys">
                                <span class="zhehou">￥: 38</span>
                                <span class="zheqian">￥: 58</span>
                            </div>
                        </div>
                        <div class="baiyexing cleanfix ">
                                <div class="baiyexingbook">
                                    <img src="./img/book6.jpg" alt="">
                                </div>
                                <div class="bazhe">
                                    <img src="./img/limitTime.jpg" alt="">
                                </div>
                                <div class="xingji cleanfix">
                                    <div>推荐</div>
                                    <div class="starbox">
                
                                        <div class="star-null"> </div>
                                        <div class="star-full"></div>
                                    </div>
                                </div>
                                <div class="moneys">
                                    <span class="zhehou">￥: 38</span>
                                    <span class="zheqian">￥: 58</span>
                                </div>
                            </div>
                            <div class="baiyexing cleanfix ">
                                    <div class="baiyexingbook">
                                        <img src="./img/book6.jpg" alt="">
                                    </div>
                                    <div class="bazhe">
                                        <img src="./img/limitTime.jpg" alt="">
                                    </div>
                                    <div class="xingji cleanfix">
                                        <div>推荐</div>
                                        <div class="starbox">
                    
                                            <div class="star-null"> </div>
                                            <div class="star-full"></div>
                                        </div>
                                    </div>
                                    <div class="moneys">
                                        <span class="zhehou">￥: 38</span>
                                        <span class="zheqian">￥: 58</span>
                                    </div>
                                </div>
        </div>







        <div id="footer" class="mg20">
            <div class="zhongjiantubiao">
                <div class="tubiao">
                    <div>
                        <img src="./img/222_11.png" alt="">
                        <img src="./img/222_13.png" alt="">
                        <img src="./img/222_15.png" alt="">
                        <img src="./img/222_17.png" alt="">
                    </div>

                </div>
                <div class="footers warp cleanfix">
                    <div class="chengnuos">
                        <ul>
                            <li>购物指南</li>
                            <li>购物流程</li>
                            <li>发票制度</li>
                            <li>账户管理</li>
                            <li>会员优惠</li>
                        </ul>
                        <ul>
                            <li>购物指南</li>
                            <li>购物流程</li>
                            <li>发票制度</li>
                            <li>账户管理</li>
                            <li>会员优惠</li>
                        </ul>
                        <ul>
                            <li>购物指南</li>
                            <li>购物流程</li>
                            <li>发票制度</li>
                            <li>账户管理</li>
                            <li>会员优惠</li>
                        </ul>
                        <ul>
                            <li>购物指南</li>
                            <li>购物流程</li>
                            <li>发票制度</li>
                            <li>账户管理</li>
                            <li>会员优惠</li>
                        </ul>
                        <ul>
                            <li>购物指南</li>
                            <li>购物流程</li>
                            <li>发票制度</li>
                            <li>账户管理</li>
                            <li>会员优惠</li>
                        </ul>
                    </div>
                    <ul class="jianjie">
                        <li>公司简介</li>
                        <li>Investor Relations </li>
                        <li>网站联盟</li>
                        <li>乐购招商</li>
                        <li>机构销售</li>
                        <li>手机乐购</li>
                        <li>官方Blog</li>
                        <li>热词搜索</li>
                    </ul>
                    <div class="legouwang">Copyright (C) 乐购网 2004-2016, All Rights Reserved</div>
                    <div class="legoulogo"></div>
                </div>

            </div>

        </div>

</body>

</html>